<template>
  <div>
<van-nav-bar
  title="个人中心"
  left-text="返回"
  right-text="更多"
  left-arrow
/>
<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
  <van-swipe-item v-for="(i,j) in url2" :key="j">
    <img :src="i.img" alt="" width="380px" height="160px">
  </van-swipe-item>
</van-swipe>
<van-notice-bar
  left-icon="volume-o"
  text="暂无公告"
/>
<center><p></p>

<el-button class="aa" type="primary"><i class="el-icon-s-comment"></i></el-button>&emsp;
<el-button class="aa" type="success"><i class="el-icon-s-claim"></i></el-button>&emsp;
<el-button class="aa" type="warning"><i class="el-icon-shopping-bag-1"></i></el-button>&emsp;
<el-button class="aa" type="danger"><i class="el-icon-medal-1"></i></el-button>&emsp;
<h3>低智推荐</h3>

<el-button class="bb" @click="jd">小额借贷</el-button>&emsp;
<el-button class="bb" @click="tz">小额投资</el-button><p></p>
<el-button class="bb" @click="kh">用户开卡</el-button>&emsp;
<el-button class="bb" @click="cz">资金充值</el-button>
<p></p>

    <p><a href="http://localhost:8080/service/?userid=1" target="_blank">在线咨询</a></p>
    <p><a href="http://localhost:8080/service1/?userid=kefu" target="_blank">客服</a></p>


</center>
<van-tabbar>
    <van-tabbar-item icon="search">查找</van-tabbar-item>
  <van-tabbar-item icon="home-o">主页</van-tabbar-item>
  <van-tabbar-item icon="friends-o">好友</van-tabbar-item>
</van-tabbar>
  </div>
</template>

<script>
export default {
    data(){
        return{
        url2:[
        {"img":"https://img0.baidu.com/it/u=3870958043,905483559&fm=253&fmt=auto&app=138&f=JPEG?w=746&h=500"},
        {"img":"https://img95.699pic.com/photo/40138/6036.jpg_wh860.jpg"},
        {"img":"https://file03.16sucai.com/2017/1100/16sucai_P591F7B044.JPG"},
        {"img":"https://pic.616pic.com/bg_w1180/00/04/88/VMFQ8v0CEV.jpg"}
        ],
        userid:localStorage.getItem("userid")
        }
    },
    methods:{
        jd(){
            this.$router.push("/loans")
        },
        tz(){
            this.$router.push("/investment")
        },
        kh(){
            this.$router.push("/imgqny")
        },
        cz(){
          this.$router.push("/top_up")
        }
    }

}
</script>

<style>
.aa{
    width: 40px;
    height: 40px;
}
.bb{
    width: 120px;
    height: 50px;
}
</style>
